<template>
    <div>
        <header><h1 class="title">贵州省学生营养餐智慧云+校农结合大数据</h1></header>
        <div  class="content-box">
            <aside class="left">
                <farming></farming>
                <food></food>
                <tradingCurve></tradingCurve>
            </aside>
            <aside class="right">
                <turnover></turnover>
                <statistics></statistics>
            </aside>
            <section>
                <div class="total-box">
                    <total></total>
                </div>
                <div class="map-svg">
                    <img :src="mapbg">
                    <mapsvg @changeData="changeData"></mapsvg>
                </div>
                <div class="bottom">
                    <bottomTotal :bottomTitle="bottomTitle"></bottomTotal>
                </div>
            </section>
        </div>
    </div>
</template>
<script>
    import mapbg from '@/assets/images/map-bg.png'  //农业数据统计
    import farming from '@/components/farming'  //农业数据统计
    import food from '@/components/food'        //食谱食材用量统计
    import tradingCurve from '@/components/tradingCurve'  //本年全省交易曲线图
    import turnover from '@/components/turnover'       //各地区各分类交易额统计图
    import statistics from '@/components/statistics'   //各区县校企农数据统计
    import total from '@/components/total'   //总金额，年、月、日
    import mapsvg from '@/components/mapsvg'   //总金额，年、月、日
    import bottomTotal from '@/components/bottomTotal'   //底部
    export default {
        name:'provincial',
        components: {
            farming,
            food,
            tradingCurve,
            turnover,
            statistics,
            total,
            mapsvg,
            bottomTotal
        },
        props: {
        },
        data () {
            return {
                mapbg,
                bottomTitle:'tongren'
            }
        },
        computed: {
        },
        methods: {
            changeData(e){
                this.bottomTitle=e;
//                console.log(this.bottomTitle)
            }
        },
        mounted () {
//            console.log(this.$route.meta.keepAlive);

        },
        created(){
        }
    }

</script>
<style type="text/css">
</style>